<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="javascript:alert('test')">
    swimming:<input type="checkbox" name="swimming" value="swimming"><br>
    reading:<input type="checkbox" name="reading" value="reading"><br>
<hr>
    gender:<input type="radio" name="gender" value="male"><br>
            <input type="radio" name="gender" value="female"><br>

<input type="submit" value="Login">
</form>


</body>
</html>